<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
	<title>商品列表</title>
  <link rel="stylesheet" type="text/css" href="./css/search_pinpai201902221400.css">
  <link rel="stylesheet" type="text/css" href="../js/mint-ui/mint-ui.css"/>
  <script type="text/javascript" src="../js/iscroll-lite.js"></script>
  <script type="text/javascript" src="../js/set_root.js"></script>
  <script type="text/javascript">
    var myScroll;
  </script>
</head>

<body>
	<div class="buy_con" id="app" v-cloak>
		<div class="member_header">
			<span class="member_fanhui" @click="goback()">返回</span>
			<input type="text" class="search-input" name="search" v-model="searchValue" placeholder="请输入品牌名" @focus="getFocus()" ref="sreachInput">
      <button type="sumbit" class="search-sumbit" @click="submit()"></button>
    </div>

    <div class="brand-layer" v-show="searchValue&&brandlist&&brandlist.length>0" :style="Style">
      <ul>
        <li v-for="(brand,index) in brandlist" :key="brand.brandId" @click="getBrand(index)">{{brand.name}}</li>
      </ul>
    </div>

    <div id="wrapper" v-show="brandCategoryList&&brandCategoryList.length>0">
      <div class="brandlist">
        <ul>
          <li v-for="(brand,index) in brandCategoryList" :key="brand.categoryId" @click="getCategoryData(index)"><img :src="brand.logo"><p>{{brand.name}}类</p></li>
        </ul>
      </div>
    </div>

		<div class="list" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="8">

      <template v-if="goodslist&&goodslist.length>0">
        <div class="shop_content" v-for="(goods,index) in goodslist" :key="goods.goodsSkuId">
          <img class="shop_photo" :src="goods.image" />
          <div class="shop_info">
            <h3>{{goods.fullName}}</h3>
            <p>最低价：{{goods.minPrice}}元 {{goods.minSupermarket}}</p>
            <span class="shop_price" @click="otherPrice(index)">查看其它超市价格</span><span class="count" @click="cartdialogShow(index)">加入购物车</span>
          </div>
        </div>
      </template>
      <template v-else-if="goodslist&&goodslist.length==0">
        <div class="no-result">没有搜到任何结果！</div>
      </template>
		</div>

		<div class="layer" v-show="dialogShow">
      <div class="layerbg"></div>
      <div class="layer-container">
        <div class="layer_other" v-show="otherMarket">
          <h1>其它超市价格</h1>
          <h3>{{name}}</h3>
          <div class="market">
            <ul>
              <li v-for="market in marketlist" :key="market.markerName"><p>{{market.supermarketName}}</p><span>{{market.price}}</span></li>
            </ul>
          </div>
          <div class="rate">价差率：{{spreadRate}}%</div>
          <div class="buy_sure"><span @click="btnCancel()">确定</span></div>
        </div>
        <div class="layer_cart" v-show="cartShow">
          <h1>选择数量</h1><span class="layer_reduce" @click="btnReduce()"></span><h3>{{num}}</h3><span class="layer_plus" @click="btnPlus()"></span>
          <div class="layer_button"><span class="layer_cancel" @click="btnCancel()">取消</span><span class="layer_ok" @click="btnOk()">确定</span></div>
        </div>
      </div>
		</div>

		<div class="toast" v-show="errMsg"><span v-html="errMsg"></span></div>
	</div>
	<script type="text/javascript" src="../js/vue.js"></script>
  <script type="text/javascript" src="../js/axios.min.js"></script>
  <script src="../js/fetch20190612.js"></script>
  <script type="text/javascript" src="../js/mint-ui/mint-ui.js"></script>
  <script type="text/javascript" src="js/search_pinpai201902221400.js"></script>
  <script type="text/javascript" src="../js/check.js"></script>
</body>
</html>
